

const HtmlWebpackPlugin = require('html-webpack-plugin')
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
    mode:'development',
    devtool:"source-map",
    entry:{
        a:"./src/a.js",
        index:"./src/index.js"
    },
    output:{
        filename:"[name].[chunkhash:5].js"
    },
    plugins:[
        new CleanWebpackPlugin(),

        // 创建一个html文件 并自动引用打包后的js
        // new HtmlWebpackPlugin()

        // new HtmlWebpackPlugin({
        //     template:"./public/index.template.html" // 指定html页面模板            
        // })

        // 如果有多个入口模块 添加到一个html文件中 

        // 添加指定chunk
        // new HtmlWebpackPlugin({
        //     // chunks:"all" // all 使用所有chunk打包出来的文件
        //     chunks:['a'] // 使用所有chunk a 打包出来的文件
        // }),

        // 多个html
        new HtmlWebpackPlugin({
            filename:"a.html",
            chunks:['a'] 
        }),
        new HtmlWebpackPlugin({
            filename:"index.html",
            chunks:['index'] 
        })

         
    ]
}